@charset"utf-8";
@import"commom/shouye";
$font-size:20px;
@function r($px) {
    @return $px/ $font-size * 1rem;
}

html,
body {
    height: 100%;
}

section {
    .midel_warp {
        height: 100%;
        width: 100%;
        .sauce_box {
            margin-top: r(19px);
            padding-left: r(28px);
            padding-right: r(29px);
            li {
                width: r(282px);
                height: r(343px);
                background: #f6f6f6;
                display: inline-block;
                h3{
                    a{
                        img{
                    width: r(282px);
                    height: r(182px);
                    }
                   }
                }
                h4{
                    padding-left:r(10px);
                    a{
                        font-size:r(22px);
                    color: #010101;
                    margin-top: r(5px);
                    }
                }
                h5{
                    padding-left:r(10px);
                    margin-top: r(5px);
                    line-height: r(27px);
                    a{
                        text-align: center;
                        display: inline-block;
                        width: r(88px);
                        height: r(27px);
                        background: #b20000;
                        font-size: r(18px);
                        color: #ffffff;
                        border-radius:r(6px);
                        vertical-align: middle;
                    }
                    span{
                        color: #c5c5c5;
                        font-size:r(20px);
                       vertical-align:middle; 
                        
                        &:first-of-type{
                            margin-left: r(33px);
                            margin-right: r(16px);
                            img{
                                width: r(21px);
                                height: r(19px);
                                vertical-align:middle; 
                            }
                        }
                        &:last-of-type{
                            img{
                                width: r(24px);
                                height: r(14px);
                                vertical-align:middle; 
                            }
                        }
                    }
                }
                h6{
                    padding-left:r(10px);
                    line-height: r(35px);
                    margin-top: r(5px);
                    img{
                        width: r(35px);
                        height: r(35px);
                        vertical-align: middle;
                    }
                    span{
                        vertical-align: middle;
                       font-size: r(18px);
                       color: #c5c5c5;
                       &:first-of-type{
                           margin-left: r(7px);
                           margin-right: r(13px);
                       }
                    }
                }
            }
        }
        .gdjz{
            text-align: center;
            margin-top: r(31px);
            margin-bottom: r(54px);
            a{
                display: inline-block;
                width: r(583px);
                color: #bbbbbb;
                border-top:1px solid #e6e6e6 ;
                padding-top: r(18px);
            }
        }
    }
}